// 导入login请求
import { login, userProfile, userBaseInfo } from '../../api/user'
import { getToken, setToken, removeToken, setTimestamp } from '../../utils/auth'
const state = {
  // 保存token
  token: getToken(),
  userInfo: {}
}
const mutations = {
  saveToken(state, token) {
    // 将token保存在vuex
    state.token = token
    // 将token存到本地
    setToken(token)
    // 保存token是立即保存时间戳
    setTimestamp()
  },
  // 保存用户信息
  saveUserInfo(state, payload) {
    state.userInfo = payload
  },
  // 删除token
  removeToken(state) {
    state.token = null
    // 删除本地的token
    removeToken()
  },
  // 删除用户资料
  removeUserInfo(state) {
    state.userInfo = {} // 注意必须是空对象，不能是null,因为null.userId报错
  }
}
const actions = {
  // 发起请求获取token
  async addToken(context, data) {
    try {
      const res = await login(data)
      // 传入参数
      context.commit('saveToken', res.data)
    } catch (error) {
      // 来到这里证明请求失败，让代码报错
      // 这样Login.vue 就能收到失败的信息了
      return Promise.reject(error)
    }
  },
  // 获取用户基本资料
  async getProfile(context) {
    const res1 = await userProfile()
    console.log(res1)
    const res2 = await userBaseInfo(res1.data.userId)
    const res3 = {
      ...res1.data,
      ...res2.data
    }
    console.log(res3)
    context.commit('saveUserInfo', res3)
  },
  // 这里为什么要封装????   异步？

  logout({ commit }) {
    // 删除token
    commit('removeToken')
    // 删除用户信息
    commit('removeUserInfo')
  }
}

// 暴露
export default {
  namespaced: true,
  state,
  mutations,
  actions
}
